@charset "utf-8";
/* CSS Document */


body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-color: #E3F0E1;
}

#main {
	background-color: #E3F0E1;
	width: 100%;
	position: relative;
	left: 0px;
	top: 0px;
}
#cabezera {
	background-color: #8DC7C7;
	margin: auto;
	height: 200px;
	width: 980px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#cuerpo {
	background-color: #9C9;
	margin: auto;
	height: 400px;
	width: 980px;
}
#pie {
	background-color: #8DC7C7;
	margin: auto;
	height: 50px;
	width: 980px;
}
#logi-iz {
	float: left;
	margin-left: 25px;
}
#logo-der {
	float: right;
	margin-top: 70px;
	margin-right: 25px;
}
#imagen-iz {
	float: left;
	margin: 20px;
}
#derecha {
	float: right;
	width: 400px;
	margin: 20px;
}
#saludo {
	background-color: #8DC7C7;
	height: 23px;
	padding: 10px;
	text-align: center;
	font-size: 24px;
	color: #F0F8FF;
}
#saludo-bajo {
	background-color: #F0F8FF;
	height: 270px;
	padding: 20px;
}
#saludo-bajo table {
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}




/* modal */

.bgtransparent{
        position:fixed;
        left:0;
        top:0;
        background-color:#000;
        opacity:0.6;
        filter:alpha(opacity=60);
}

.bgmodal{
        position:fixed;
        font-size:1em;
        border:0.05em solid black;
        overflow:auto;
        background-color:#fff;
}



.logo {
	float: left;
	background-color: #D7DBBF;
	padding: 5px;
}
.texto {
	float: left;
	width: 430px;
	height: 180px;
	background-color: #D7DBBF;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}
#button {

}
